<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				margin: 0px;
				padding: 0px;
			}
			#container{
				background-image: url(img/beijing01.webp);
				background-repeat: no-repeat;
				width: 100%;
				height: 902px;
				background-size: 100% 100%;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			#container .d2{
				width: 100%;
				height: 600px;
				margin: 0px auto;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			#container .d2 form{
				width: 1000px;
				height: 500px;
				margin: 0px auto;
				text-align: center;
				border: 1px solid  #868D97;
				border-radius: 5px;
				border-radius: 10px;
			    background-color: rgba(0,0,0,0.5);
				color: white;
				box-shadow: 5px 5px 5px #000000;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			#container .d2 form .d3{
				width: 500px;
				height: 400px;
				margin: 0px auto;
				overflow: hidden;
			}
			#container .d2 form .d3 h1{
				margin-top: 85px;
				margin-bottom: 10px;
			}
			#container .d2 form input{
				width: 170px;
				height: 30px;
				border-radius: 5px;
				border: 0px;
				margin: 20px 0px;
			}
			#container .d2 form input:focus{
				outline: none;
			}
			#container .d2 form p button{
				width: 100px;
				height: 30px;
				color: white;
				background-color: rgba(0,0,255,0.3);
				border: 0px;
				margin: 25px 5px;
				border-radius: 5px;
			}
			
		</style>
	</head>
	<body>
		<div id="container">
			<div class="d2">
				<form action="" method="post">
					<div class="d3">
					<h1>LOGIN IN</h1>
					用户名：<input type="text" value=""/><br>
					密码：&nbsp;&nbsp;&nbsp;<input type="password" name="" id="" value="" />
					<p>
						<button type="submit">登录</button>
					    <button type="reset">重置</button>
					</p>
					</div>
				</form>
			</div>
			</div>
		</div>
	</body>
</html>
